<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>优惠券</title>
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/coupon.css">
    <link rel="stylesheet" href="./css/couponproduct.css">
    <script src="./lib/jquery-3.4.1.min.js"></script>
    <script src="./lib/template-web.js"></script>
    <script src="./js/rem.js"></script>
    <script src="./js/couponproduct.js"></script>
</head>
<body>
    <!-- header -->
    <div class="header">
        <a class="hea-a" href="javascript:history.go(-1)">
            <i class="glyphicon glyphicon-circle-arrow-left"></i>
        </a>
        <h1 class="h1">优惠券</h1>
        <a class="he-app" href="#">
            <img src="./img/header_app.png" alt="">
        </a>
    </div>
   
    <!-- coupon-line -->
    <div class="cou-line">
        <p>--点餐前出示手机中的优惠券，即可享受优惠--</p>
    </div>
    <!-- cou-main -->
    <div class="couo-main">
        <div class="cou-box">
            <div class="cou-img">
                <img src="./img/kfc-5ikfc-108_pc27.jpg" alt="">
            </div>
    
            <div class="cou-p">
                <p>C27  两人小食组 新奥尔良烤翅2块+薯条(中)+黄金鸡块5块+劲爆鸡米花(小) 2016年10月凭肯德基优惠券</p>
                <p>￥ 28</p>
                <p>有效期至10月31日</p>
            </div>

            
        </div>
    </div>
  

 

    <!-- foot -->
    <div class="foot">
        <div class="foot-top">
            <ul>
                <li>
                    <a href="">登录</a>
                </li>
                <li>
                    <a href="">注册</a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/top.jpg" alt="">
                        返回到顶部
                    </a>
                </li>
            </ul>
        </div>

        <div class="foot-base">
            <p>
                <span class="red">手机APP下载</span>
                <span class="h">慢慢买手机版</span>
                <span> -- </span>
                <span>掌上比价平台</span>
            </p>
            <p>m.manmanbuy.com</p>
        </div>
    </div>

    <!-- cou-modal -->
    <div class="cou-modal">
        <div class="mod-box">
            <div class="l">&lt;</div>
            <div class="con-img">
               
            </div>
            <div class="r">&gt;</div>
            <div class="close">
                <i class="glyphicon glyphicon-remove"></i>
            </div>
        </div>
    </div>

    <script type="text/html" id="tql">
        {{ each result v i }}        
        <div data-id="{{ v.couponProductId }}" class="cou-box">
            <div class="cou-img">
                <img src="{{ v.couponProductImg.src }}" alt="">
            </div>
    
            <div class="cou-p">
                <p>{{ v.couponProductName }}</p>
                <p>{{ v.couponProductPrice }}</p>
                <p>{{ v.couponProductTime }}</p>
            </div>
        </div>
        {{ /each }}
    </script>
   
    <script type="text/html" id="tmp">
        {{ each result v i }}
        <img src="{{ result[i].couponProductImg.src }}" alt="">
        {{ /each }}
    </script>
    
    
    
</body>
</html>